/* 
    Document   : theme
    Created on : 27 févr. 2013, 22:29:30
    Author     : Gmax
    Description: css theme default
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Lobster);

body, html{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #52415e;
    font-size: 1em;
}
header, footer, article, aside, section, nav{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Lobster', cursive;
    font-weight: 400;
}
a{
    text-decoration: none;
    color: inherit;
}
a:hover{
    color: #715a81;
}

/* header */
header{
    position: relative;
}


#top-line{
    margin: 0;
    padding: 8px 0;
    width: 100%;
    background: #715a81;
    color: #E2E4FF;
    border-bottom: 4px double #f6f7f4;
}
#top-line a:hover{
    color: #FFFFFF;
}

/* selecteur de langue */
.liste-langue{
    list-style: none;
    text-align: right;
    padding: 0;
    margin: 0;
}
.liste-langue .item{
    display: inline-block;
    padding: 0;
    margin: 0;
}
.liste-langue .item a{
    display: inline-block;
    padding: 5px 12px;
    margin: 0;
}
.liste-langue .item.active{
    background-color: #E2E4FF;
    color: #715a81;
}
#header{
    padding: 25px 0;
    height: 240px;
    z-index: 100;
}

/* logo */
#logo{
    text-align: center;
}
/* menu */
#nav_top{
    
}
#menu_top{
    padding: 0;
    margin: 90px 0 0 0;
    border-top: 1px solid #715a81;
    border-bottom: 1px solid #715a81;
}
#menu_top li{
    display: inline-block;
    padding: 10px 20px;
    margin: 0;
}
#menu_top li.active{
    background-color: #E2E4FF;
    color: #715a81;
}

/* galerie - banniere */
#top-image{
    position: relative;
    z-index: 50;
    margin: 0 0 -290px 0;
    width: 100%;
    height: 290px;
    overflow: hidden;
}

#slider-top-image{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider-top-image li{
    margin: 0;
    padding: 0;
}


/* top image */
.top-image,
.top-image img{
    margin: 0;
    padding: 0;
    text-align: center;
}

/* contents */
/* fil d'ariane'*/
.breadcrumb{}
.breadcrumb .liste-item{
    margin: 0;
    padding: 5px 0;
    list-style: none;
}
.breadcrumb .liste-item .item{
    display: inline-block;
}

/* pagination */
.container-pagination{
    text-align: center;
    border-top: 1px solid #E2E4FF;
    border-bottom: 1px solid #E2E4FF;
    width: 100%;
}
.container-pagination .pagination{
    margin: 0;
    padding: 5px 0;
    list-style: none;
}
.container-pagination .pagination .item{
    display: inline-block;
}
.container-pagination .pagination .item a,
.container-pagination .pagination .item span{
    display: inline-block;
    padding: 5px 8px;
    color: #715a81;
}
.container-pagination .pagination .item.num a{
    background-color: #E2E4FF;
}
.container-pagination .pagination .item.num.active a,
.container-pagination .pagination .item a:hover{
    background-color: #715a81;
    color: #E2E4FF;
}



/* footer */
footer{ 
    margin: 25px 0 0 0;
    padding: 8px 0;
    width: 100%;
    background: #715a81;
    color: #E2E4FF;
    border-top: 4px double #f6f7f4;
    text-align: center;
}
footer a:hover{
    color: #FFFFFF;
}

/* popup */
.popup{
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4000;
    background-color: rgba(128,128,128,0.8);
}

.popup .close{
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    padding: 18px;
}
.popup .bar_titre{
    background-color: #5C5C5C;
    color: #FFFFFF;
    padding: 25px;
    margin: 0;
}
.popup .container_popup .content-popup{
    background-color: #FFFFFF;
    margin-top: 80px;
}
.popup .container_popup .content-popup .iframe{
    padding: 25px 25px 0 25px;
}
.popup .container_popup .content-popup .iframe iframe{
    width: 100%;
    height: 415px;
    border: 0;
}

/* reglages responsive */
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        
    }

/* validator */
div.validatError{
    position: absolute;
    z-index: 800;
    background: #fdfdfd;
    border: thin solid #FF0000;
    padding: 8px;
    color: #FF0000;
    width: 180px;
    cursor: pointer;
    
    -webkit-box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}